<!-- 选择车辆组件 -->
<template>
  <div class="selectCar">
    <div class="btn-group">
      <div class="btn-left">
        <el-button icon="el-icon-search" circle></el-button>
      </div>
      <div class="btn-selectCar">
        <el-button size="medium">选择车辆</el-button>
      </div>
      <div class="btn-right">
        <el-button  size="medium" icon="el-icon-search" circle></el-button>
      </div>
    </div>
    <!-- <el-button >查询</el-button> -->
  </div>
</template>

<script>
export default {
  data () {
    return {
    };
  },

  components: {},

  computed: {},

  mounted: {},

  methods: {}
}

</script>
<style lang='less' scoped>
    .selectCar{
        position: fixed;
        bottom: 160px;
        left: 0;
        margin-left:calc(50% - 150px);
        width: 300px;
    }
    /deep/ .el-button{
      background: black;
    }
    .btn-group{
      display: flex;
      justify-content: space-between;
    }
    .btn-left,.btn-right{
        border-radius: 50%;
    }
</style>